<template>
	<view class="main">
		<view id="map">
		</view>
	</view>
</template>

<script>
	import L from '../../components/leaflet/leaflet.js';
	export default {
		data() {
			return {
				map:{}
			};
		},
		mounted() {
			this.map = L.map('map', {
			    center: [118.795199,32.02571],
			    zoom: 15
			});

			L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
			    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
			}).addTo(this.map);
			
			L.marker([118.795199,32.02571]).addTo(this.map)
			    .bindPopup('南京')
			    .openPopup();
		},
		onLoad() {
		},
		methods: {
			changetextvalue() {
			}
		}
	}
</script>
<style scoped>
	@import url("../../components/leaflet/leaflet.css");
	.main{
		/* height: 100%; */
		height: 1090rpx;
		width: 100%;
		background-color: #4CD964;
	}
	#map {
		height: 100%;
		width: 100%;
	}
</style>
